.current {
    border: solid 1px red !important;
}

.show-grid [class*=col-]:hover {
    border: 1px solid #fff;
}
.tmpheight [class*=col-] {
    background-color: #CCC;
}
.show-grid [class*=col-]{
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #eee;
    background-color: rgba(86,61,124,.15);
    border: 1px solid #ddd;
    border: 1px solid rgba(86,61,124,.2);
    cursor: pointer;
}

.tmpheight {
    height: 100%;
    border: dashed 1px #FF9933;
}
body[data-layout]  #body [class^=col-] {
    border: dashed 1px #FF9933;
}

body[data-layout] .menu #layoutmenu {
    display: none !important;
}

body .menu #rowcol {
    display: none !important;
}

body[data-layout] .menu #rowcolmenu {
    display: block !important;
}

.row-lg-1 {
    border: dashed 1px #FF9933;
    height: 10%;
}

.row-lg-2 {
    border: dashed 1px #FF9933;
    height: 20%;
}

.row-lg-3 {
    border: dashed 1px #FF9933;
    height: 30%;
}

.row-lg-4 {
    border: dashed 1px #FF9933;
    height: 40%;
}

.row-lg-5 {
    border: dashed 1px #FF9933;
    height: 50%;
}

.row-lg-6 {
    border: dashed 1px #FF9933;
    height: 60%;
}

.row-lg-7 {
    border: dashed 1px #FF9933;
    height: 70%;
}

.row-lg-8 {
    border: dashed 1px #FF9933;
    height: 80%;
}

.row-lg-10 {
    border: dashed 1px #FF9933;
    height: 90%;
}

.row-lg-full {
    border: dashed 1px #FF9933;
    height: 100%;
}

.row-container {
    border: dashed 1px #FF9933;
    height: 100%;
}

.menu {
    position: fixed;
    top: 10px;
    left: 10px;
}

.menu button {
    display: none;
}

.circleMenu-open button {
    display: block !important;
}

.layout {
    background: url(layouts.jpg) no-repeat #fff;
}

.layout-blank {
    background-position: 197px 72px;
}
